<template>
	<view>
		<view class="login-card-title"> {{title}} </view>
		<view class="login-card-content"> {{content}} </view>
		<button @click="edit()">修改</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: "",
				content: "",
				id : 0
			}
		},
		onLoad: function(option) {
			this.title = option.title
			this.content = option.detail
			this.id = option.id
		},
		methods: {
			edit() {
				uni.navigateTo({
					url:"edit?title=" + this.title + "&content=" + this.content + "&id="+this.id
				})
			}
		}
	}
</script>

<style>
	.login-card-title {
		text-align: center;
		font-size: 4.2em;
		color: #3cb79a;
		border-bottom: 3px solid #322222;
		padding-bottom: 5%;
	}
	.login-card-content {
		text-align: center;
		font-size: 2.2em;
		color: #2815b7;
		padding-top: 5%;
	}
</style>
